﻿ /*
更多模板：www.bootstrapmb.com
*/

*{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#index_box{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/indexbc_1.png);
	overflow: hidden;
}
.index_header{
	width: 100%;
	height: 9.25%;
	color: #01d4f9;
}
.index_header>div{
	float: left;
	height: 100%;
	position: relative;
}

.h_left .time{
	margin-top: 0.8vh;
	font-size: 1.2vw;
	margin-left: 0.8vw;
}
.h_left .date{
	margin-top: -0.2vh;
	font-size: 0.5vw;
	margin-left: 0.8vw;
	color: #39d6fe;
}

.h_left{
	width: 100%;
}

.h_center{
	width: 100%;
	text-align: center;
	font-size: 1.9vw;
	font-weight: 600;
	letter-spacing: 0.15vw;
	box-sizing: border-box;
	padding-top: 0.75vh;
	background: url(../images/tbbg_1.png);
	background-size: 100%;
}

.h_right{
	width: 100%;
}



.hiddenul{
	display: none;
}
 /*版权所有*/
 /*云码资源淘宝店铺  大数据可视化大屏模板专家*/
 /*https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y*/

.index_contont{
	width: 100%;
	height: 90.75%;
	box-sizing: border-box;
	padding-left: 2.5vw;
	padding-right: 2.5vw;
}
.index_contont>div{
	float: left;
	height: 100%;
}
.ct_one{
	width: 100%;
}
.ct_two{
	width: 100%;
	box-sizing: border-box;
	padding-left: 0.5vw;
	padding-right: 1vw;
}
.ct_three{
	width: 100%;
}

.totalbkind{
	width: 100%;
	height: 31.55%;
	background: url(../images/short_1.png);
	background-size: 100% 100%;
	position: relative;
}

.ywltjfx{
	height: 65%;
	width: 100%;
	margin-top: 3.45%;
	background: url(../images/long_1.png);
	background-size: 100% 100%;
}

.ywltjfx_ct{
	width: 100%;
	height: 45%;
	overflow-y: hidden;
}

#container{
	width: 100%;
	height: 350px;
}

.ywlbmfb{
	width: 100%;
	height: 35.4%;
	background: url(../images/dbbg_1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.totalbkind_h5{
	width: 8.6vw;
	color: #fff;
	text-align: center;
	font-size: 1.05vw;
	padding-top: 0.5vh;
}

.title_p{
	padding-left: 0.5vw;
	border-left: 0.2vw solid #00beff;
	color: #00beff;
	margin-left: 1.2vw;
	font-size: 0.8vw;
	font-weight: 600;
	line-height: 0.8vw;
}

table{
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

.ywltjfx_ct table{
	width: 97%;
	margin-top: 1.2vh;
}

.ywltjfx_ct table tr th {
	background: #183662;
	color: #00BEFF;
	padding-top: 0.9vh;
	padding-bottom: 0.9vh;
}
.ywltjfx_ct table tr th:nth-child(1),
.ywltjfx_ct table tr td:nth-child(1){
	text-align: left;
	text-indent: 1.4vw;
}
.ywltjfx_ct table tr th:nth-child(2),
.ywltjfx_ct table tr td:nth-child(2){
	text-align: left;
	padding-left: 1.4vw;
}
.ywltjfx_ct table tr td:nth-child(3),
.ywltjfx_ct table tr td:nth-child(4){
	text-align: center;
}

.ywltjfx_ct table tr:nth-child(2) td{
	color: #e8a730;
	padding-top: 0.9vh;
	padding-bottom: 0.9vh;
}
.ywltjfx_ct table tr:nth-child(3) td{
	color: #e7c72e;
	padding-top: 0.9vh;
	padding-bottom: 0.9vh;
}
.ywltjfx_ct table tr:nth-child(4) td{
	color: #a2b64f;
	padding-top: 0.9vh;
	padding-bottom: 0.9vh;
}
.ywltjfx_ct table tr:nth-child(5) td,
.ywltjfx_ct table tr:nth-child(6) td{
	color: #9cccdf;
	padding-top: 0.9vh;
	padding-bottom: 0.9vh;
}
.ywltjfx_ct table tr td{
	border-bottom: 0.05vh solid rgba(57,117,174,0.15);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.tablecommon table{
	width: 97%;
	padding-top: 3.5vh;
}

.tablecommon table th{
	height: 2vw;
	background: rgba(57,117,174,0.3);
	color: rgba(0, 186, 255, 1);
}

.tablecommon table th:nth-child(2){
	text-align: left;
	text-indent: 0.5vw;
}
.tablecommon table td{
	height: 2vw;
	border-bottom: rgba(57, 117, 174, 0.15) 0.1vw solid;
}
.tablecommon table td:nth-child(2){
	text-indent: 0.5vw;
}
.tablecommon table td:nth-child(1),
.tablecommon table td:nth-child(3){
	text-align: center;
}
table tr td{
	color: #9cccdf;
}
table tr:nth-child(1) td{
	color: #e8a730;
}
table tr:nth-child(2) td{
	color: #e7c72e;
}
table tr:nth-child(3) td{
	color: #a2b64f;
}


.usernumshow{
	width: 100%;
	height: 14.55%;
	font-weight: 600;
}
.usernumshow>div{
	float: left;
	text-align: center;
	color: #01D4F9;
	font-size: 1.65vw;
	font-family:'300-CAI978';
	padding-top: 0.95vw;
}
 /*版权所有*/
 /*云码资源淘宝店铺  大数据可视化大屏模板专家*/
 /*https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y*/

.usernumshow>div:nth-child(1){
	width: 40%;
}
.usernumshow>div:nth-child(2){
	width: 40%;
}
.usernumshow>div:nth-child(3){
	width: 20%;
}
.usernumshow>div span{
	color: #fff;
	font-size: 1.2vw;
	font-family:'MicrosoftYaHei';
	font-weight: 400;
	position: relative;
	top: -0.85vw;
}
.tableuser table{
	width: 97%;
	padding-top: 3.5vh;
	height: 100%;
}

.tableuser table th{
	height: 2.5vh;
	background:rgba(57,117,174,0.3);
	color: rgba(0, 186, 255, 1);
	font-size: 0.68vw;
}

.tableuser table td{
	height: 2.5vh;
	text-align: center;
	border-bottom: rgba(57, 117, 174, 0.15) 0.1vw solid;
}
.userpanges{
	position: absolute;
	bottom: 0.5vh;
	left: 50%;
	transform: translateX(-50%);
}

.userpanges ul li{
	float: left;
	width: 0.45vw;
	height: 0.45vw;
	border-radius: 0.45vw;
	border: 0.05vw solid #01D4F9;
	margin-right: 1.5vw;
	cursor: pointer;
}
.userpanges ul li.cur{
	background: #01D4F9;
}
.hotitemtable table{
	width: 97%;
	padding-top: 3.5vh;
	height: 100%;
}

.hotitemtable table th{
	height: 2.5vh;
	background: rgba(57,117,174,0.3);
	color: rgba(0, 186, 255, 1);
	font-size: 0.68vw;
}

.hotitemtable table th:nth-child(2){
	text-align: left;
	text-indent: 0.5vw;
}
.hotitemtable table td{
	height: 2.5vh;
	border-bottom: rgba(57, 117, 174, 0.15) 0.1vw solid;
}
.hotitemtable table td:nth-child(2){
	text-indent: 0.5vw;
}
.hotitemtable table td:nth-child(1),
.hotitemtable table td:nth-child(3){
	text-align: center;
}
.userhabbitnum{
	box-sizing: border-box;
	padding-left: 9vw;
}
.userhabbitnum div{
	width: 6.7vw;
	height: 7.5vh;
	float: left;
	background: url(../images/gyk_1.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 2.5vw;
	position: relative;
}
.userhabbitnum div p{
	width: 100%;
	text-align: center;
}
.userhabbitnum div p:nth-child(1){
	color: #A9DDEE;
	font-size: 0.9vw;
}
.userhabbitnum div p:nth-child(2){
	margin-top: 0.5vh;
	color: #01D4F9;
	font-size: 1.1vw;
}
.userfxsel{
	position: absolute;
	right: 0;
	top: 0;
	width: 4.5vw;
	height: 4vh;
	border: none;
	background: url(../images/changebutton_1.png) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	outline: none;
	color: #D2F4FF;
	font-size: 0.5vw;
	line-height: 4vh;
	text-indent: 0.5vw;
}
.userfxsel option{
	cursor: pointer;
	background: #004B76;
}
.userhabbit{
	position: absolute;
	right: 0.2vw;
	top: 1.6vh;
	width: 6vw;
	height: 4.5vh;
	border: none;
	background: url(../images/changebutton_1.png) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	outline: none;
	color: #D2F4FF;
	font-size: 0.5vw;
	line-height: 4vh;
	text-indent: 0.5vw;
}
.userhabbit option{
	cursor: pointer;
	background: #004B76;
}
